<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>莹莹的小居佩奇</title>
    <link rel="stylesheet" href="css/index.css">
  </head>
  <body>
    <!-- <a href="./cat.html">会笑的喵</a>
    <a href="./lianliankan.html">连连看小游戏</a> -->

    <div class="pig_container">
      <!-- 尾锟斤拷 -->
      <div class="tail_left"></div>
      <div class="tail_right"></div>
      <div class="tail_blank"></div>
      <div class="tail_middle"></div>
      <div class="tail_circle"></div>
      <!-- 锟阶诧拷锟斤拷影 -->
      <div class="pig_shadow"></div>
      <!-- 锟斤拷锟� -->
      <div class="left_foot"></div>
      <div class="left_foot right_foot"></div>
      <!-- 锟斤拷鞋 -->
      <div class="left_shoes"></div>
      <div class="left_shoes right_shoes"></div>
      <!-- 锟斤拷锟斤拷 -->
      <div>
        <div class="hand_left_top"></div>
        <div class="hand_left_bottom"></div>
        <div class="hand_left_middle"></div>
      </div>
      <!-- 锟斤拷锟斤拷 -->
      <div class="pig_body_bottom"></div>
      <!-- 锟斤拷锟斤拷 -->
      <div>
        <div class="hand_right_top"></div>
        <div class="hand_right_bottom"></div>
        <div class="hand_right_middle"></div>
      </div>
      <!-- 锟斤拷头 -->
      <div>
        <!-- 锟斤拷锟斤拷 -->
        <div class="ear_left"></div>
        <div class="ear_right"></div>
        <div class="pig_head">
          <div class="pig_head_white_left_bottom"></div>
        </div>
        <div class="pig_head_white_left_top"></div>
        <!-- 锟斤拷锟斤拷 -->
        <div class="pig_nose"></div>
        <!-- 锟铰帮拷 -->
        <div class="pig_jaw"></div>
        <div class="pig_jaw_right"></div>
        <div class="pig_nose_bottom"></div>
        <!-- 锟角匡拷 -->
        <div class="nose_kong_left"></div>
        <div class="nose_kong_right"></div>
        <!-- 锟斤拷锟斤拷 -->
        <div class="left_eye">
          <div class="left_eye_bg"></div>
          <div class="left_eye_ball"></div>
          <div class="left_eye_border"></div>
        </div>
        <!-- 锟斤拷锟斤拷 -->
        <div class="right_eye">
          <div class="right_eye_bg"></div>
          <div class="right_eye_ball"></div>
          <div class="right_eye_border"></div>
        </div>
        <!-- 锟斤拷锟� -->
        <div class="mouth">
          <div class="mouth_bottom"></div>
          <div class="mouth_middle"></div>
          <div class="mouth_top"></div>
        </div>
        <!-- 锟斤拷锟斤拷 -->
        <div class="face"></div>
      </div>
    </div>
  </body>
</html>